<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
    <title>Pacientes</title>
    <link href="/EmergenciasWAR/public/css/bootstrap.min.css" rel='stylesheet' type='text/css' />
    <link href="/EmergenciasWAR/public/css/bootstrap-select.min.css" rel='stylesheet' type='text/css' />
    <link href="/EmergenciasWAR/public/css/datepicker.css" rel='stylesheet' type='text/css' />
    <link href="/EmergenciasWAR/public/css/bootstrap-table.min.css" rel='stylesheet' type='text/css' />


    <script src="/EmergenciasWAR/public/js/jquery/jquery.min.js" charset="UTF-8" type="text/javascript"></script>   
    <script src="/EmergenciasWAR/public/js/bootstrap/bootstrap.min.js" charset="UTF-8" type="text/javascript"></script>
    <script src="/EmergenciasWAR/public/js/bootstrap/bootstrap-select.min.js" charset="UTF-8" type="text/javascript"></script>
    <script src="/EmergenciasWAR/public/js/bootstrap/bootstrapValidator.min.js" charset="UTF-8" type="text/javascript"></script>
    <script src="/EmergenciasWAR/public/js/bootstrap/bootbox.min.js" charset="UTF-8" type="text/javascript"></script>
    <script src="/EmergenciasWAR/public/js/bootstrap/bootstrap-datepicker.js" charset="UTF-8" type="text/javascript"></script>
    <script src="/EmergenciasWAR/public/js/bootstrap/bootstrap-table.min.js" charset="UTF-8" type="text/javascript"></script>
    <script src="/EmergenciasWAR/public/js/bootstrap/bootstrap-table-es-AR.js" charset="UTF-8" type="text/javascript"></script>
    <script src="/EmergenciasWAR/public/js/admin/diagnosticoPaciente.js" charset="UTF-8" type="text/javascript"></script>    

</head>
<body>
    <jsp:include page="menu_barra.jsp"/>
    <div class="container">
        <div class="row" style="margin-top: 50px;">

            <table class="table table-striped table-condensed"><tr><th><h4 class="text-info" align="center"><i class="glyphicon glyphicon-plus"></i> Nueva Asociaci&oacute;n</h4></th></tr></table>
            <div class="col-md-6 col-md-offset-3" style="margin-bottom: 30px">
                <form id="agregarAsoForm" class="form-horizontal">                                                

                    <div class="form-group">
                        <label class="control-label col-sm-3" for="inputPaciente">Paciente:</label>
                        <div class="col-sm-6">
                            <select class="selectpicker" id="inputPaciente" name="paciente" data-live-search="true" title="Seleccione un paciente">

                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-sm-3" for="inputDiagnostico">Diagn&oacute;stico:</label>
                        <div class="col-sm-6">
                            <select class="selectpicker" id="inputDiagnostico" name="diagnostico" title="Seleccione un diagn&oacute;stico">

                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-sm-3" for="inputDoctor">Doctor:</label>
                        <div class="col-sm-6">
                            <select class="selectpicker" id="inputDoctor" name="doctor" data-live-search="true" title="Seleccione un doctor">

                            </select>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-4"></div>
                        <div class="controls col-lg-8">
                            <button type="submit" class="btn btn-primary" id="buttonAsoGuardar" ><i class="glyphicon glyphicon-floppy-saved"></i> Guardar</button>
                        </div>
                    </div>
                </form>  
            </div>

            <div class="table-responsive">
                <table class="table table-striped table-condensed"><tr><th><h4 class="text-info" align="center"><i class="glyphicon glyphicon-list"></i> Lista de Asociaciones</h4></th></tr></table>
                <table id="asociacion_table" class="table table-striped table-hover">
                    <tbody>

                    </tbody>
                </table>
            </div>
            <div class="modal fade" id="myAsoModal" style="visibility: hidden;">
                <div class="modal-dialog">  
                    <div class="modal-content">
                        <div class="modal-header">  
                            <button type="button" class="close cerrarVentanaAsoEditar" data-dismiss="modal" aria-hidden="true">&times;</button>  
                            <h4 class="modal-title text-info"> <i class="glyphicon glyphicon-edit"></i> Editar Asociaci&oacute;n</h4> 
                        </div> 
                        <div class="modal-body">     
                            <form id="actualizarAsoForm" class="form-horizontal">                    

                                <input type="hidden" name="idDiagnosticoPaciente" id="inputActDiagnosticoPaciente" value=""/>

                                <div class="form-group">
                                    <label class="control-label col-sm-3" for="inputActPaciente">Paciente:</label>
                                    <div class="col-sm-6">
                                        <select class="selectpicker" id="inputActPaciente" name="paciente" data-live-search="true" title="Seleccione un paciente">

                                        </select>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="control-label col-sm-3" for="inputActDiagnostico">Diagn&oacute;stico:</label>
                                    <div class="col-sm-6">
                                        <select class="selectpicker" id="inputActDiagnostico" name="diagnostico" title="Seleccione un diagn&oacute;stico">

                                        </select>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="control-label col-sm-3" for="inputActDoctor">Doctor:</label>
                                    <div class="col-sm-6">
                                        <select class="selectpicker" id="inputActDoctor" name="doctor" title="Seleccione un doctor">

                                        </select>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-4"></div>
                                    <div class="controls col-lg-8">
                                        <button type="button" class="btn btn-default cerrarVentanaAsoEditar" data-dismiss="modal"><i class="glyphicon glyphicon-eye-close"></i> Cerrar</button>                                              
                                        <button type="submit" class="btn btn-primary" id="buttonAsoActualizar"><i class="glyphicon glyphicon-floppy-saved"></i> Actualizar</button>
                                    </div>
                                </div>
                            </form>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>